<template>
  <!-- 景点精选 -->
  <div class="home-fine-box">
    <van-cell
      title="精选景点"
      icon="location-o"
      is-link
      title-style="text-align:left"
      value="更多"
    />
    <!-- 景点列表 -->
    <div class="box-main">
      <sight-item v-for="item in dataList" :key="item.id" :item="item"/>
    </div>
  </div>
</template>

<script>
import sightItem from '@/components/common/ListSight'
export default {
  data () {
    return {
      dataList: [
        { id: 1, name: '景点名称', score: 4, price: 123 },
        { id: 2, name: '景点名称', score: 4.5, price: 123 },
        { id: 3, name: '景点名称', score: 4.3, price: 123 },
        { id: 4, name: '景点名称', score: 5, price: 123 },
        { id: 5, name: '景点名称', score: 3, price: 123 },
        { id: 6, name: '景点名称', score: 1, price: 123 }
      ]
    }
  },
  components: {
    sightItem
  }
}
</script>

<style lang="less">
.home-fine-box {
  padding: 0 10px;
  .van-cell {
    padding: 10px 0;
  }
}
</style>
